<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="template.xhtml">
	
	<ui:define name="head">
		HEAD INDEX
	</ui:define>
	
	<ui:define name="menu">
		MENU INDEX
	</ui:define>
	
	<ui:define name="body">
		<h:form>
			<table>
				<tr>
					<th>Nome:</th>
					<td>
						<h:inputText value="#{pessoaController.pessoa.nome}" id="nome"
						required="true" 
						requiredMessage="O nome é obrigatório !!!"/>
					</td>
					<td><h:message for="nome"/></td>
				</tr>
				<tr>
					<th>Idade:</th>
					<td>
						<h:inputText value="#{pessoaController.pessoa.idade}" id="idade"
							required="true"
							requiredMessage="A idade é obrigatória !!!"
							converterMessage="Você deve digitar um número inteiro !!!"
							validatorMessage="O valor não pode ser maior que 120 !!!">
							<f:validateLongRange maximum="120"/>
						</h:inputText>
					</td>
					<td><h:message for="idade"/></td>
				</tr>
				<tr>
					<th>Sexo:</th>
					<td>
						<h:selectOneRadio value="#{pessoaController.pessoa.sexo}">
							<f:selectItems value="#{pessoaController.sexos}" />
						</h:selectOneRadio>
					</td>
				</tr>
				<tr>
					<th>Cidade:</th>
					<td>
						<h:selectOneMenu value="#{pessoaController.pessoa.cidade}">
						<f:selectItems value="#{pessoaController.cidades}"/>
						</h:selectOneMenu>
					</td>
				</tr>
				<tr>
					<td colspan="2"><h:commandButton action="#{pessoaController.mostrar}" value="GRAVAR"/></td>
				</tr>
			</table>
		</h:form>
	</ui:define>
	
	<ui:define name="footer">
		RODAPÉ INDEX
	</ui:define>
	
</ui:composition>